<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
<html>
<head>
  <title>Gestion - Recherche d'une opération</title>

  <meta http-equiv="content-type" content="text/html; charset=UTF-8">

  <link type="text/css" href="css/gestion.css" rel="stylesheet">
  <link type="text/css" href="css/datepicker.css" rel="stylesheet">
  
  <script type="text/javascript" src="js/prototype.js"></script> 
  <script type="text/javascript" src="js/datepicker.js"></script> 
  <script type="text/javascript" src="js/je.js"></script>
  <script type="text/javascript" src="js/recherche.ajaxclt.js"></script>
</head>
<body>

<ul id="menu-header">
  <li><a href="index.php">Liste des comptes</a></li>
  <li><a href="compte.php">Opérations</a></li>
  <li class="current"><a href="recherche.php">Recherche d'opérations</a></li>
  <li><a href="budget.php">Budget</a></li>
  <li><a href="index.php?action=logout">Déconnexion</a></li>
</ul>

<h1>Recherche d'une opération</h1>

<form action="#" method="post">
  <table>
  <thead>
  <tr>
    <th><input type="checkbox" name="check_date" id="check_date">
        <label for="check_date">Par date</label></th>
    <th><input type="checkbox" name="check_montant" id="check_montant">
        <label for="check_montant">Par montant</label></th>
    <th><input type="checkbox" name="check_compte" id="check_compte">
        <label for="check_compte">Par compte</label></th></tr>
  </thead>
  <tbody>
  <tr>
    <td>Entre le 
      <input type="text" name="date_min" id="input_date_min" class="date">
      <input type=button value="..." id="btn_dp_date_min">
      et le
      <input type="text" name="date_max" id="input_date_max" class="date">
      <input type=button value="..." id="btn_dp_date_max"></td>
    <td>Entre 
      <input type="text" name="montant_min" id="input_montant_min" class="montant"> €
      et
      <input type="text" name="montant_max" id="input_montant_max" class="montant"> €</td>
    <td><select id="select_compte" name="compte">
        <?php echo $options_comptes; ?>
        </select></td></tr>
  </tbody>
  </table>
  
  <p><input type="submit" id="btn_find" value="Rechercher"></p>
</form>

<h2>Résultats de la recherche</h2>

<table class="result">
<thead>
<tr>
  <th>Date</th>
  <th>Montant</th>
  <th>Catégorie</th>
  <th>Compte</th></tr>
</thead>
<tbody id="find_results">
</tbody>
</table>

</body>
</html>
